<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../static/semantic.min.css" type='text/css'>
    <script src="../static/jquery.min.js"></script>
    <script src="../static/semantic.min.js"></script>
    <title>图片转换为字符画工具</title>
  </head>
  <body>
    <form class="ui form" action="index.html" method="POST" enctype="multipart/form-data">
      <div class="ui inverted segment">
      </div>

      <div class="ui divider"></div>
      <div class="inline  field" align="center">
      <div class="ui right pointing label">
      请输入16个字符
      </div>
      {{uf.charset}}
      </div>

      <div class="inline field" align="center">
      <div class="ui right pointing label">
      请输入字体大小
      </div>
      {{uf.size}}
      <div class="ui left pointing label">
      px
      </div>
      </div>

      <div class="inline field" align="center">
        <label>上传文件</label>
        {{uf.img}}
      </div>

      <div class="ui divider"></div>
      <div align="center">
        <button type="submit" class="ui secondary button">Okey</button>
      </div>
    </form>
  </body>
</html>
